<div class="container-fluid">
    相关单据号:<input type="text" id="orderCode">
    日期范围:<input type="text" id="time" placeholder="起始日期 ~ 截止日期"/>
    单据收付款方式:
    <select id="payType">
        <option value="0"></option>
        <option value="货到付款">货到付款</option>
        <option value="款到发货">款到发货</option>
        <option value="预付款">预付款</option>
        <option value="尾款">尾款</option>
    </select>
    收支类型:
    <select id="RorE">
        <option value="收入">收入</option>
        <option value="支出">支出</option>
    </select>
    <button class="btn btn-primary" type="button" onclick="RandEQuery()">查询</button>
</div>
<table class="table" id="somainDiv">
    <thead>
    <tr>
        <th>序号</th>
        <th>收付款日期</th>
        <th>相关单据号</th>
        <th>收付款价格</th>
        <th>经手人</th>
        <th>单据收付款方式</th>
    </tr>
    </thead>
    <tbody id="tableBody"></tbody>
</table>

<script id="RandEQueryTemplate" type="text/html">
    {{each data value index}}
    <tr>
        <td>{{index+1}}</td>
        <td>{{value.pay_Time}}</td>
        <td>{{value.orderCode}}</td>
        <td>{{value.pay_price}}</td>
        <td>{{value.account}}</td>
        <td>{{value.pay_Type}}</td>
    </tr>
    {{/each}}
</script>
<script>
    laydate.render({
        elem: '#time',
        type: 'date',
        range: '~',
        format:'yyyy-MM-dd'
    });
    function RandEQuery() {
        var RorE=$("#RorE").val()
        var payType=$("#payType").val()
        var orderCode=$("#orderCode").val()
        var date=$("#time").val()
        var pay_Type=0;
        if(payType!=0){
            if(RorE=="收入"&&payType=="货到付款"){
                pay_Type=5
            }
            if(RorE=="收入"&&payType=="款到发货"){
                pay_Type=6
            }
            if(RorE=="收入"&&payType=="预付款"){
                pay_Type=7
            }
            if(RorE=="收入"&&payType=="尾款"){
                pay_Type=8
            }
            if(RorE=="支出"&&payType=="货到付款"){
                pay_Type=1
            }
            if(RorE=="支出"&&payType=="款到发货"){
                pay_Type=2
            }
            if(RorE=="支出"&&payType=="预付款"){
                pay_Type=3
            }
            if(RorE=="支出"&&payType=="尾款"){
                pay_Type=4
            }
        }
        if(payType==0){
            if("收入"==RorE){
                pay_Type=9
            }
            if("支出"==RorE){
                pay_Type=10;
            }
        }
        Ajax.post(
            "selectPayRecord",
            {
                orderCode:orderCode,
                date:date,
                pay_Type:pay_Type
            },
            function (result) {
                for(var i=0;i<result.data.length;i++){
                    if(result.data[i].pay_Type==1||result.data[i].pay_Type==5){
                        result.data[i].pay_Type="货到付款"
                    }
                    if(result.data[i].pay_Type==2||result.data[i].pay_Type==6){
                        result.data[i].pay_Type="款到发货"
                    }
                    if(result.data[i].pay_Type==3||result.data[i].pay_Type==7){
                        result.data[i].pay_Type="预付款"
                    }
                    if(result.data[i].pay_Type==4||result.data[i].pay_Type==8){
                        result.data[i].pay_Type="尾款"
                    }
                }
                var div=document.getElementById("tableBody")
                var html=template('RandEQueryTemplate',{data:result.data})
                div.innerHTML=html
            }
        )
    }
</script>